<template>
  <textarea cols="30" rows="10"></textarea>
</template>

<script>
export default {
  name: "hg-textarea-smart",
  props:{
    /***
     * 表示自动提示时是否带有前缀
     */
    CompleteWithPrefix:{
      type:Boolean,
      default: true,
    },
    /***
     * 匹配模式，前缀匹配，后缀匹配，中缀包含匹配
     */
    MatchType:{
      type:Array,
      default:()=>['prefix', 'suffix', 'includes'],
    },
    /***
     * 设置自动提示完成之后的高亮类名
     */
    highlightClass:{
      type:[String, [String]],
      default:'',
    },
    /***
     * 匹配列表：Object | Array<string>
     * 1。对象Object
     *  1.1。Object：{icon：图标url，desc：描述信息，tooltip：该项的提示文字信息，label：该项的文字，value：该项的值}
     *  1.2。Array<string>：['test', 'delete', 'important', 'import']
     *  1.3。Function：表示一个在该前缀下获取该前缀的列表信息的钩子函数
     *  1.4。string：表示一个获取该列表信息的远程url地址：https://api.list.com
     *  1.5。number：表示一个从0到该数值的一个数字列表
     *  1.6。boolean：表示生成一个true/false的列表
     * 2。Array<string>：表示全局匹配，不带特定前缀
     */
    MatchList:{
      type: Object,
      default:()=>({}),
    },
    /***
     * 表示一个全局的匹配钩子，在每次输入字符时都会调用
     */
    matcher:{
      type: Function,
      default:()=>{},
    },
    /***
     * 匹配器过滤器：当只有在此范围内的字符集才能收到matcher回调
     * ['@', '#', '$', '&', '?']
     */
    matherFilter:{
      type:[String],
      default:()=>[],
    }
  },
  data(){
    return {

    }
  },
  computed:{

  },
  methods:{

  }
}
</script>

<style scoped>

</style>